<template>
  <div style="margin-top:-18px">
    <a-card >
      <!-- //页面总报表 -->
      <div style="margin: 5px 10px">
        <a-tabs tab-position="left" style="margin-top:10px" @change="callback">
          <a-tab-pane key="1">
            <span slot="tab">
              <a-icon type="android" />
              车辆配置列表
            </span>
            <!-- 车辆配置列表 -->
            <SetPersonalList v-if="analisyType"></SetPersonalList>
          </a-tab-pane>
          <a-tab-pane key="2">
            <span slot="tab">
              <a-icon type="android" />
              车辆配置列表
            </span>
            <!-- 车辆配置列表 -->
            <SetVehiclesList v-if="analisyTypea"></SetVehiclesList>
          </a-tab-pane>
      </a-tabs>
      </div>
    </a-card>
  </div>
</template>

<script>
import moment from 'moment'
import { ACCESS_TOKEN } from '@/store/mutation-types'
import SetPersonalList from '@/views/videoManage/resourceManagement/materialmanagement/configurationsetting/setPersonalList'
import SetVehiclesList from '@/views/videoManage/resourceManagement/materialmanagement/configurationsetting/setVehiclesList'
import Vue from 'vue'
export default {
  components: {SetPersonalList,SetVehiclesList},
  data() {
    return {
     analisyType: true,
     analisyTypea: false,
     analisyTypeb: false,
     analisyTypec: false, 
    }
  },
  filters: {},
  created() {},
  computed: {},
  mounted() {},
  methods: {
    moment,
    //导航切换
    callback(key) {
      if (key == 1) {
        this.analisyType = true
        this.analisyTypea = false
      } else if (key == 2 ) {
        this.analisyType = false
        this.analisyTypea = true
      } 
    },
  },
}
</script>
